import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface SafeLockFilledIconProps {
  width?: number
  height?: number
  color?: string
}

export const SafeLockFilledIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: SafeLockFilledIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.554 2.12c-.241.061-7.194 2.674-7.467 2.806-.509.246-.945.831-1.05 1.407-.028.156-.037 1.291-.026 3.44.017 3.439.016 3.426.236 4.367.196.841.642 1.904 1.126 2.686A9.066 9.066 0 0 0 7.12 19.61c.241.158 1.278.705 2.43 1.283l2.011 1.007h.878l2.011-1.007c1.152-.578 2.189-1.125 2.43-1.283 2.2-1.441 3.605-3.624 4.028-6.258.056-.351.068-.88.081-3.6.011-2.126.002-3.265-.026-3.42-.099-.542-.519-1.13-.985-1.377-.109-.058-1.845-.723-3.858-1.477l-3.66-1.371-.38-.012a2.791 2.791 0 0 0-.526.025m.854 5.924c.369.077.709.266.995.552.617.619.765 1.48.392 2.272-.128.271-.441.64-.657.773l-.138.086v1.709c0 1.943-.004 1.97-.3 2.266a.987.987 0 0 1-1.169.172 1.065 1.065 0 0 1-.489-.585c-.026-.092-.042-.803-.042-1.856v-1.706l-.138-.086c-.216-.133-.529-.502-.657-.773-.374-.795-.226-1.655.391-2.271a1.956 1.956 0 0 1 1.812-.553"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
